.footer {
  background: $secondary-color;
  padding: 20px 0;

  .logo {
    display: block;
    float: left;
    margin-top: 26px;
    width: 190px;

    img {
      display: block;
      width: 100%;
    }
  }

  .rts {
    float: right;
    width: calc(100% - 270px);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 24px;
    box-sizing: border-box;

    .nav {
      display: flex;
      flex-wrap: wrap;
      float: left;

      ul {
        margin-right: 26px;
        padding: 3px 40px 3px 20px;
        border-radius: 10px;
        overflow: hidden;
        transition: $transition-base;

        &:hover {
          background: rgba(255, 255, 255, 0.1);
        }
      }

      li a {
        font-size: $font-size-lg;
        line-height: 34px;
        display: block;
        color: rgba(255, 255, 255, 0.8);
        transition: $transition-base;
        text-transform: capitalize;
        cursor: pointer;

        &:hover {
          color: rgba(255, 255, 255, 1);
        }
      }
    }

    .ne {
      float: right;
      margin-top: 50px;

      ul {
        float: left;
        overflow: hidden;

        li {
          float: left;
          margin-right: 23px;
          height: 44px;
          width: 44px;

          a,
          img {
            display: block;
            height: 100%;
            width: 100%;
            cursor: pointer;
          }
        }
      }
    }
  }
} 